@import url('@src/total.less');
.container {
  box-sizing: border-box;
  width: 720px;
  margin: 24px auto;
  padding: 0 16px;

  box-shadow: @box-shadow-base;

  .border(1px, @border-color-split);
  .border-radius();
}
.header {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: flex-start;

  height: 64px;
}
.header-icon {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 32px;
  height: 32px;

  cursor: pointer;
  user-select: none;
  > img {
    width: 16px;
  }
  &:hover {
    border-radius: 50%;
    background-color: @grey-3;
  }
}
.header-title {
  font-size: 16px;

  margin-left: 16px;

  color: @grey-8;
}

.form {
  label {
    position: relative;

    width: 100%;
    padding-left: 40px;
    &::before {
      position: absolute;
      top: 0;
      left: 0;

      display: flex !important;
      align-items: center;
      justify-content: center;

      width: 32px;
      height: 100%;
    }
  }
}

.long {
  width: 304px !important;
}

.short {
  width: 240px !important;
}

.btn-line {
  margin-bottom: 24px;

  text-align: right;
}

